<#assign ctx=springMacroRequestContext.contextPath />
<form id="sysmenuForm" lay-filter="menuForm" class="layui-form model-form">
	<div class="layui-form-item">
		<label class="layui-form-label">父级<span style="color: red;">*</span></label>
		<div class="layui-input-block">
			<!--<input id="parentIdTree" lay-filter="tree" name="parentId" placeholder="请输入父级编号" type="text" class="dtree layui-input" lay-verify="required" required-->
			<!--    autocomplete="off"/>-->
			<ul id="parentIdTree" class="dtree" data-id="0"></ul>
		</div>
	</div>
	<div class="layui-form-item">
		<label class="layui-form-label">名称<span style="color: red;">*</span></label>
		<div class="layui-input-block">
			<input name="name" placeholder="请输入名称" type="text" class="layui-input" lay-verify="required" required/>
		</div>
	</div>
	<div class="layui-form-item">
		<label class="layui-form-label">规则<span style="color: red;">*</span></label>
		<div class="layui-input-block">
			<input name="perms" placeholder="请输入菜单编号" type="text" class="layui-input" lay-verify="required" required/>
		</div>
	</div>
	<div class="layui-form-item">
		<label class="layui-form-label">是否是菜单<span style="color: red;">*</span></label>
		<div class="layui-input-block">
			<select id="type" name="type" lay-verify="type">
				<option value="1">菜单</option>
				<option value="0">节点</option>
			</select>
		</div>
	</div>
	<div class="layui-form-item">
		<label class="layui-form-label">请求地址<span style="color: red;">*</span></label>
		<div class="layui-input-block">
			<input id="url" name="url" placeholder="请输入请求地址" type="text" class="layui-input" autocomplete="off"/>
		</div>
	</div>
	<div class="layui-form-item">
		<label class="layui-form-label">排序</label>
		<div class="layui-input-block">
			<input name="sort" placeholder="请输入排序" type="text" class="layui-input"/>
		</div>
	</div>
	<div class="layui-form-item">
		<label class="layui-form-label">图标</label>
		<div class="layui-input-block">
			<input name="icon" placeholder="请输入图标" type="text" class="layui-input"/>
		</div>
	</div>
</form>
<script>
	var dtree = layui.dtree;
	var form = layui.form;
	dtree.renderSelect({
		elem: "#parentIdTree",
		width: "100%", // 可以在这里指定树的宽度来填满div
		url: '${ctx}/sysmenu/widgetMenu',
		response: {
			statusName: "code", //返回标识（必填）
			statusCode: 200, //返回码（必填）
			message: "message", //返回信息（必填）
			rootName: "data", //根节点名称（必填）
			treeId: "id", //节点ID（必填）
			parentId: "parentId", //父节点ID（必填）
			title: "name", //节点名称（必填）
			ficonClass: "ficonClass", //自定义一级图标class（v2.5.4版本新增）（非必填）
			iconClass: "iconClass", //自定义二级图标class（非必填）
			childName: "children", //子节点名称（默认数据格式必填）
			last: "last", //是否最后一级节点（true：是，false：否，布尔值，非必填）
			level: "level", //层级（v2.4.5_finally_beta版本之后，该属性移除）
			spread: "spread", //节点展开状态（v2.4.5_finally_beta版本新增。true：展开，false：不展开，布尔值，非必填）
			disabled: "disabled", //节点禁用状态（v2.5.0版本新增。true：禁用，false：不禁用，布尔值，非必填）
			hide: "hide", //节点隐藏状态（v2.5.0版本新增。true：隐藏，false：不隐藏，布尔值，非必填）
			checkArr: "checkArr", //复选框列表（开启复选框必填，默认是json数组。）
			checked: "checked", //是否选中（开启复选框，0-未选中，1-选中，2-半选。非必填）
			type: "type", //复选框标记（开启复选框，从0开始。非必填）
			basicData: "basicData" //表示用户自定义需要存储在树节点中的数据（非必填）
		}, // 这里指定了返回的数据格式，组件会根据这些值来替换返回JSON中的指定格式，从而读取信息
		checkbar: true,
		checkbarType: "only", // 默认就是all，其他的值为： no-all  p-casc   self  only
		formatter: {
			title: function (data) {  // 示例给有子集的节点返回节点统计
				var s = data.name;
				if (data.children) {
					s += ' <span style=\'color:blue\'>(' + data.children.length + ')</span>';
				}
				return s;
			}
		},
		done: function () {

		}
	});
	//dtree.on("node('parentIdTree')", function (obj) {
	//    console.log(obj.param); // 点击当前节点传递的参数
	//    console.log(obj.dom); // 当前节点的jquery对象
	//    console.log(obj.childParams); // 当前节点的所有子节点参数
	//    console.log(obj.parentParam); // 当前节点的父节点参数
	//});
	//$(document).on('click','.layui-btn',function(obj){
	//    console.log(obj);
	//    layer.msg('hello');
	//});
	form.render();
</script>
